<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport"   content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>日照消防志愿者协会</title>
		<script src="/html/js/rem.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script src="../js/swiper.min.js"></script>
	</head>
	<body style="margin: 0;">
		<div>
			<div class="headers">
				<span>返回</span>
				<p>日照消防志愿者协会</p>
				<span></span>
			</div>
			<div class="swiper-container">
			  <div class="swiper-wrapper">
			    <div class="swiper-slide">1</div>
			    <div class="swiper-slide">2</div>
			    <div class="swiper-slide">3</div>
			  </div>
			</div>
			<div class="mainBox">
				<div style="border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;">
					<img src="../img/jiaru.png"/>
					<div>
						<p>加入我们</p>
					    <span>成为志愿者</span>
					</div>
				</div>
				<div style="border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;">
					<img src="../img/xinwen.png"/>
					<div>
						<p>新闻中心</p>
					    <span>新闻信息</span>
					</div>
				</div>
				<div style="border-bottom: 1px solid #e5e5e5;">
					<img src="../img/gonggao.png"/>
					<div>
						<p>最新公告</p>
					    <span>公告信息</span>
					</div>
				</div>
				<div style="border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;">
					<img src="../img/zhiyuan.png"/>
					<div>
						<p>志愿项目</p>
					    <span>志愿者服务项目</span>
					</div>
				</div>
				<div  style="border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;">
					<img src="../img/fuwu.png"/>
					<div>
						<p>志愿者服务</p>
					    <span>志愿者服务</span>
					</div>
				</div>
				<div  style="border-bottom: 1px solid #e5e5e5;">
					<img src="../img/saoma.png"/>
					<div>
						<p>扫码打卡</p>
					    <span>活动扫码打卡签到</span>
					</div>
				</div>
				<div style="border-right: 1px solid #e5e5e5;">
					<img src="../img/peixun.png"/>
					<div>
						<p>志愿者培训</p>
					    <span>志愿者学习</span>
					</div>
				</div>
				<div style="border-right: 1px solid #e5e5e5;">
					<img src="../img/fengcai.png"/>
					<div>
						<p>志愿者风采</p>
					    <span>个人新闻</span>
					</div>
				</div>
				<div>
					<img src="../img/geren.png"/>
					<div>
						<p>个人中心</p>
					    <span>个人信息服务</span>
					</div>
				</div>
			</div>
			
			<div class="askfor">申请活动</div>
			
			
		</div>
	</body>
<script> 
	var mySwiper = new Swiper('.swiper-container', {
	  autoplay: 5000,//可选选项，自动滑动
	})
</script>	
</html>
